@charset "utf-8";

/* Sub Visual */
#svisual-wrap							{ width:100%; height:250px; overflow:hidden;  font-family:'Noto Sans KR'; }
#svisual-wrap .visImgWrap				{ position:relative; max-width:1200px; height:100%; margin:0 auto; }
#svisual-wrap .visImgWrap .visImg img	{ position:absolute; top:0; left:0; width:2000px; height:335px; margin-left:-400px; animation:animate_background 5s linear;}
#svisual-wrap h2						{ position:absolute; left:50%; top:50px; width:250px; margin:0 0 0 -125px; padding-top:47px; font-size:30px; color:#fff; text-align:center; letter-spacing:-.1em; line-height:1.4; z-index:9}
#svisual-wrap h2.tit01					{ background:url("../img/sub/iconSub01.png") no-repeat 50% 0}	
#svisual-wrap h2.tit02					{ background:url("../img/sub/iconSub02.png") no-repeat 50% 0}	
#svisual-wrap h2.tit03					{ background:url("../img/sub/iconSub03.png") no-repeat 50% 0}	
#svisual-wrap h2.tit04					{ background:url("../img/sub/iconSub04.png") no-repeat 50% 0}	
#svisual-wrap h2.tit05					{ background:url("../img/sub/iconSub05.png") no-repeat 50% 0}	
#svisual-wrap h2.tit06					{ background:url("../img/sub/iconSub06.png") no-repeat 50% 0}	
#svisual-wrap p							{ position:absolute; left:50%; top:140px; width:265px; margin:0 0 0 -130px; font-size:17px; color:#fff; font-weight:300; text-align:center; letter-spacing:.5em; line-height:1.4; z-index:9 }
@keyframes animate_background			{0% {margin-top:0} 50% {margin-top:-80px} 100% {margin-top:0}}

/* Lnb */
.sub_left ul			{ position:relative; width:100%; margin-top:-48px; line-height:130% !important; text-align:center; z-index:10}
.sub_left>ul>li 		{ display:inline-block; *display:inline; width:195px; margin-left:-2px; vertical-align:bottom}
.sub_left>ul>li>a		{ display:block; width:195px; height:46px; color:rgba(85,84,75,.6); font-size:16px; line-height:46px !important; font-weight:400; text-align:center; background:rgba(255,253,224,.75); border-radius:10px 10px 0 0 }
.sub_left>ul>li>a._over,
.sub_left>ul>li>a:hover,
.sub_left>ul>li>a:focus	{ width:191px; height:51px; margin-top:-5px; color:#3f3f3f; font-size:17px; line-height:51px !important; background:#fff; border:2px solid #3f3f3f; border-bottom:0;}

/* Local Title */
.local_title					{ width:1050px; margin:0 auto; padding:60px 0 35px; font-family:'Noto Sans KR'; zoom:1}
.local_title:after				{ content:""; clear:both; display:block}
.local_title h2					{ float:left; position:relative; margin:0; padding-left:17px; font-weight:400; font-size:17px; color:#000; letter-spacing:-.1em}
.local_title h2:before			{ position:absolute; top:6px; left:0; width:3px; height:17px; background:#000; content:""}	
.local_title>ul					{ float:right; width:auto; }
.local_title>ul li				{ float:left; margin-right:8px; padding-left:9px; font-weight:300; font-size:13.5px; color:#9b9b9b; letter-spacing:-.04em; background:url("../img/sub/bgLocal.png") no-repeat 0 50%}
.local_title>ul li:first-child	{ background:none}
.local_title>ul li strong		{ font-weight:500; color:#545454}
.local_title>ul li a			{ padding-left:16px; font-size:14px; color:#9b9b9b; background:url("../img/sub/bgHome.png") no-repeat 0 50% }

/* 숙박솔루션 */
.sub_right .info>p				{ display:none}
.calendar>ul>li:nth-child(2)>ul	{ display:none}
/* 실시간 예약 페이지 */
.app_input_info:first-child { height:100px;}
.guide_ul+.guide_h6,
.guide_ul+.guide_h6+.guide_ul{ display:none}

/* 주변관광지 */
.boardWrap .tour_board>div					{ float:left; width:45%; height:415px; margin:0; padding:2.5% }
.boardWrap .tour_board>div>ul>li.img		{ float:none; width:100%}
.boardWrap .tour_board>div>ul>li.content	{ float:none; width:100%; min-height:100px; padding:0}
.boardWrap .tour_board>div>ul>li.content li:last-child	{ width:100%; height:60px; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.boardWrap .tour_board>div>ul li.title a	{ font-size:18px; font-weight:400; line-height:200%}

/* 덕유캠프농장소개 */
.greeting				{ position:relative; width:100%; padding:20px 0 70px}
.greeting .text			{ width:550px; background:url("../img/sub/bgGreeting.png") no-repeat 0 325%}
.greeting h3			{ margin:0 0 40px; font-size:30.5px; color:#000; letter-spacing:-.075em; line-height:130%; font-weight:400}
.greeting h3 strong		{ font-weight:500}
.greeting h3 span		{ display:block; font-size:30px; color:#eaeaea; letter-spacing:.03em; line-height:100%; font-weight:700 }
.greeting .text p		{ font-size:16.5px; color:#000; letter-spacing:-.06em; line-height:160%; font-weight:300; word-break:keep-all;}
.greeting .img			{ position:absolute; right:0; top:5px }

/* 예약취소 */
.can				{ position:relative; width:100%; padding:20px 0 70px}
.can .text			{ width:100%;  0 325%}
.can h3			{ margin:0 0 40px; font-size:30.5px; color:#000; letter-spacing:-.075em; line-height:130%; font-weight:400}
.can h3 strong		{ font-weight:500}
.can h3 span		{ display:block; font-size:30px; color:#eaeaea; letter-spacing:.03em; line-height:100%; font-weight:700 }
.can .text p		{ font-size:16.5px; color:#000; letter-spacing:-.06em; line-height:160%; font-weight:300; word-break:keep-all;}
.can .img			{ position:absolute; right:0; top:5px }

/* 시설안내 */
.intro ul					{ zoom:1}
.intro ul:after				{ content:''; display:block; clear:both}
.intro .iconList			{ width:100%; padding:35px 0 68px; background:#fbfbfb; border-radius:10px}
.intro .iconList li			{ float:left; position:relative; width:12.5%; text-align:center; background:url("../img/sub/bgIconList.gif") no-repeat 0 50%}
.intro .iconList li:first-child	{ background:none}
.intro .iconList li,
.intro .iconList li	a		{ font-size:15.5px; color:#303030; letter-spacing:-.05em; line-height:200%; font-weight:300}
.intro .iconList li	img		{ vertical-align:middle; }	
.intro .iconList li span	{ position:absolute; display:block; top:55px; width:100%; line-height:120%;}
.intro .imgList				{ padding:20px 0 60px}
.intro .imgList	li			{ position:relative; float:left; margin:17px 0 0 17px; line-height:0}
.intro .imgList	li:nth-child(2n+1){ margin-left:0}
.intro .imgList	li>div		{ position:absolute; width:90%; padding:0 5% 0; bottom:30px;}
.intro .imgList	h3			{ margin:0 0 10px; font-size:23px; color:#fff; letter-spacing:-.05em; line-height:100%; font-weight:400}
.intro .imgList	p			{ margin:0; font-size:16.5px; color:#fff; letter-spacing:-.075em; line-height:150%; font-weight:300}

/* 오시는길 */
.location .text				{ padding-bottom:60px}
.location .text	h3			{ position:relative; margin:40px 0 10px; padding-left:25px; font-size:22px; color:#000; letter-spacing:-.05em; line-height:120%; font-weight:300 }
.location .text	h3:before	{ position:absolute; top:10px; left:0; width:12px; height:4px; background:#000; content:""}
.location .text>div			{ padding:7px; background:url("../img/sub/bgPattern.gif")}
.location .text	dl			{ margin:0; padding:15px; background:#fff}
.location .text dt			{ display:inline; margin:0 0 0 60px; font-size:16.5px; color:#000; letter-spacing:-.05em; line-height:130%; font-weight:400 }
.location .text dt:first-child	{ margin-left:0}
.location .text dd			{ display:inline; margin:0; font-size:16.5px; color:#000; letter-spacing:-.05em; line-height:130%; font-weight:300 }
.location .text dd a		{ font-size:16.5px; color:#000;}
.location .traffic  dt		{ display:inline-block; width:7%; vertical-align:top}
.location .traffic  dd		{ display:inline-block; width:90%}

/* 이용안내 */
.guide .text h3:first-child	{ margin-top:0}
.guide .text li				{ margin:0; padding-left:10px; font-size:15px; color:#000; letter-spacing:-.03em; line-height:160%; font-weight:300; background:url("../img/sub/bgDot.gif") no-repeat 0 50% }
.guide .text li	strong		{ font-weight:500 }
.guide .text>div			{ margin:15px 0; padding:12px; }
.guide h2 { font-size:18px; margin:10px 0; }

.table						{ position:relative; width:100%; font-size:15px; color:#000; text-align:center; letter-spacing:-.03em; line-height:160%; font-weight:300; border-collapse:collapse; border-spacing:0; border-top:1px solid #4d5360;}
.table:before				{ position:absolute; display:block; left:0; top:0; width:100%; height:1px; background:#4d5360; content:''; }
.table th,.table td			{ padding:10px; border-bottom:1px solid #d9d9d9; border:1px solid #d9d9d9; vertical-align:middle}
.table thead th				{ color:#333; font-weight:500; background:#f6f6f6; border-left:1px solid #dadada; border-bottom:1px solid #aaa;}
.table tbody td				{ background-color:#fff;}
.table tbody th				{ padding:10px; font-weight:400; background-color:#f6f6f6; }
.table thead th						{ text-align:center;}
.table tbody th,.table tbody td		{ border-top:none;}
.table thead tr td:first-child,.table thead tr th:first-child {border-left:none;}
.table thead tr td:last-child,.table thead tr th:last-child {border-right:none;}
.table tbody tr td:first-child,.table tbody tr th:first-child {border-left:none;}
.table tbody tr td:last-child,.table tbody tr th:last-child {border-right:none;}
.table strong					{ font-weight:500; color:#c40800}

/* 추가버튼 */
a.btn_naver_rv { display:inline-block; width:170px; padding:10px 30px 10px 20px; font-size:14px; color:#fff; font-weight:300; background:#6ba53f url("../img/main/bgBtn.gif") no-repeat 80% 55%; }
a.btn_site_rv { display:inline-block; width:170px; padding:10px 30px 10px 20px; font-size:14px; color:#fff; font-weight:300; background:#303030 url("../img/main/bgBtn.gif") no-repeat 80% 55%; }


/* 결제부분 */
.rv_total_price { display:inline-block; font-size:25px; color:red; padding:5px 0 !important; }

#sod_frm_paysel { font-size:14px; line-height:25px; padding:15px 10px; }
#sod_frm_paysel label { margin-right:10px; }
#rv_deposit_name { height:25px; }

#display_pay_button { text-align:center; }
#display_pay_button .btn_submit  { width:250px; height:50px; background:#034aa6; color:#fff; text-align:center; line-height:50px; font-size:22px; font-weight:bold; }